<template>
    <div>
        <div>子组件{{money}}</div>
        <button @click="changeMoney">子组件花费50</button>
        <div>子组件传父组件{{count}}</div>
    </div>
</template>
<script>
import { ref } from 'vue'
    export default {
        name:'Son',
        //子组件接收父组件数据使用props即可
       //直接接收 props:['money']
        props:{
            money:{
                type:Number,
                default:0

            }

        },
        setup(props,{emit}){
            //获取父组件数据money
              console.log(props.money)
            const count=ref(80)
            //自定义了一个change事件,通知父组件监听值
            emit('change',count);
            const changeMoney=()=>{
                emit('change-money',props.money-50)

            }
            return {count,changeMoney}
        }

    }
</script>